@CHARSET "UTF-8";

body {
	padding: 20px;
	margin: 10px auto;
	background-color: #E4E4E4;
	color: #666;
	font-family: Arial, sans-serif;
	-moz-box-shadow: 0px 0px 10px #000;
}


.mainContainer {
	margin: 10px auto;
	width: 90%;
	-moz-box-shadow: 0px 0px 12px #CFCFCF;
	-webkit-box-shadow: 0px 0px 12px #CFCFCF;
	box-shadow: 0px 0px 12px #CFCFCF;
}

.appHeader {
	padding: 20px;
	margin: -20px -20px 20px -20px;
	border-bottom: 1px solid #CFCFCF;
	
	background-color: #EEE;
	background-image: -moz-linear-gradient(top, #EEE, #ECECEC); /* FF3.6 */
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #EEE),color-stop(1, #ECECEC)); /* Saf4+, Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#EEE', EndColorStr='#ECECEC'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#EEE', EndColorStr='#ECECEC')"; /* IE8 */
	
	color: #666;
	/* text-shadow: 0px 1px 0px #CAE9F9; */
	
	-moz-box-shadow: 0px 1px 0px #fff;
	-webkit-box-shadow: 0px 1px 0px #fff;
	box-shadow: 0px 1px 0px #fff;
}

.appNameContainer {
	width: 20%;
}

.appNameContainer .appName {
	color: #999;
	font-size: 50px;
	font-weight: bold;
}

.appNameContainer .appLocation {
	color: #AAA;
	font-size: 12px;
	/* font-style: italic; */
	float: left;
}

.appHeaderWidgetContainer{
	float:right;
	width: 80%;
	color: #999;
	height: 36px;
}

.appHeaderWidgetContainer .row{
	float: right;
	width: 700px;
}
.appHeaderWidgetContainer .widget{
	float:right;
	margin-left: 20px;
}

.appHeaderWidgetContainer .welcome{
	font-size: 12px;
	padding: 2px 5px;
}

.actionList {
	background:#CFCFCF; /* #DD4B39; */
	border: 1px solid #CCCCCC;
	width: 15px;
	height: 15px;
	margin: 3px;
	padding-right: 3px;
	border-radius: 2px;
	font-weight: bold;
	color: #FFF;
	font-stretch: wider;
}

.actionList:HOVER {
	background:#CCC; /* #DD4B39; */
	border: 1px solid #AAA;
}

.appHeaderWidgetContainer a {
	font-size: 12px;
	color: #3155D1;
}

.appHeaderWidgetContainer a:hover{
	color: #BD3216;
}




.appBody {
	/* padding: 20px; */
	margin: -20px -20px 20px -20px;
	border-bottom: 1px solid #EEE;
	background-color: #FFF;
	min-height: 400px;
}

.appFooter {
	padding: 20px;
	margin: -20px -20px 20px -20px;
	border-bottom: 1px solid #CFCFCF;
	background-color: #EEE;
	color: #CCC;
	font-size: 12px;
}


/* Search area */
.headerSearch {
	float: right;
	max-width:600px;
	min-width:220px;
	padding: 5px 20px;
}
.headerSearchfield {
	margin:0;
	font-size:14px;
	color:#222;
	height: 19px;
}

.headerSearchbutton {
	background:#CFCFCF; /* #DD4B39; */
	border: 1px solid #CCC;
	display:block;
	float: right;
	border-radius: 2px;
	width: 35px;
	margin:0px;
	-moz-transition: all 0.218s;
	-webkit-transition: all 0.218s;
	-o-transition: all 0.218s;
}

.headerSearchbutton:HOVER {
	background:#CCC;
	border: 1px solid #AAA;
	cursor: pointer;
}


.headerSearchbutton img {
	opacity:1;
	margin-left: 5px;
}

.kd-googlebuttonbar .kd-button:hover .maskedIcon, .kd-googlebuttonbar .kd-button:active .maskedIcon, .kd-googlebuttonbar .kd-button.selected .maskedIcon{
	background:#DD4B39;
}


.quickLinks {
	border: 1px solid #CFCFCF;
	background-color: #CCC;
	margin: 5px;
	padding: 5px 20px;
	font-size: 12px;
}

.quickLinks:HOVER {
	background:#CCC;
	border: 1px solid #AAA;
	cursor: pointer;
}

.quickLinks:HOVER .actionList{
	background:#CCC; /* #DD4B39; */
	border: 1px solid #CFCFCF;
	cursor: pointer;
	font-weight: bold;
}

/*************************************
 * Global Navingation
 *************************************/
 .globalNav {
 	height: 35px;
 	border-bottom: 2px solid #EEE;
 	margin: 0;
 	padding: 5px;
 }
 
 .globalNav ul	{
	list-style: none;
	float: left;
	padding: 0px;
	margin: 0;
}

 .globalNav li	{
	list-style: none;
	float: left;
	padding: 4px 20px;
	height: 30px;
	margin: 0;
	font: normal 24px arial;
	color: #AAA;
	border-right: 2px solid #EEE;
}

.globalNav li:HOVER {
	background-color: #EEE;
	background-image: -moz-linear-gradient(top, #EEE, #ECECEC); /* FF3.6 */
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #EEE),color-stop(1, #ECECEC)); /* Saf4+, Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#EEE', EndColorStr='#ECECEC'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#EEE', EndColorStr='#ECECEC')"; /* IE8 */
	color: #666;
}

 .globalNav	.selected{
	background-color: #CCC;
	background-image: -moz-linear-gradient(top, #CCC, #CFCFCF); /* FF3.6 */
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #CCC),color-stop(1, #CFCFCF)); /* Saf4+, Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#CCC', EndColorStr='#CFCFCF'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#CCC', EndColorStr='#CFCFCF')"; /* IE8 */
	color: #FFF;
	
	-moz-box-shadow: 0px 0px 12px #CFCFCF;
	-webkit-box-shadow: 0px 0px 12px #CFCFCF;
	box-shadow: 0px 0px 12px #CFCFCF;
}

/*************************************
 * Context Navingation
 *************************************/
 .contextNav {
 	float: left;
 	width: 15%;
 	padding-right: 10px;
 }
 
 .contextNav ul {
 	list-style: none;
	padding: 0px;
	margin: 0;
 }
 
 .contextNav li {
 	list-style: none;
	padding: 10px 10px;
	margin: 0;
	text-align: right;
	line-height: 20px;
	height: 25px;
	border-bottom: 1px solid #EEE;
	color: #AAA;
	
 }
 
 .contextNav li:HOVER {
	background-color: #FAFAFA;
	background-image: -moz-linear-gradient(top, #FAFAFA, #F1F1F1); /* FF3.6 */
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #FAFAFA),color-stop(1, #F1F1F1)); /* Saf4+, Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#FAFAFA', EndColorStr='#F1F1F1'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#FAFAFA', EndColorStr='#F1F1F1')"; /* IE8 */
	color: #AAA;
}

.contextNav .selected{
	background-color: #F1F1F1;
	background-image: -moz-linear-gradient(top, #F1F1F1, #EFEFEF); /* FF3.6 */
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #F1F1F1),color-stop(1, #EFEFEF)); /* Saf4+, Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#F1F1F1', EndColorStr='#EFEFEF'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#F1F1F1', EndColorStr='#EFEFEF')"; /* IE8 */
	color: #999;
	
	-moz-box-shadow: 0px 0px 12px #EEE;
	-webkit-box-shadow: 0px 0px 12px #EEE;
	box-shadow: 0px 0px 12px #EEE;
}
 
 /*********************************************/
 .mainContent {
 	float: left;
 	border-left: 5px solid #EEE;
 	padding: 20px;
 	height: 353px;
 }